<script>
// 导入Vuex store
import store from './store'

export default {
  store,
  onLaunch: function () {
    console.log('App Launch')
    // 初始化应用数据
    this.$store.dispatch('initApp')
    
    // 显示启动提示
    uni.showToast({
      title: '欢迎使用天才宝宝成长系统',
      icon: 'none'
    })
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  },
}
</script>

<style>
/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

page {
  background-color: #f5f5f5;
  font-size: 28rpx;
  color: #333;
}

/* 按钮样式 */
.btn-primary {
  background-color: #4CAF50;
  color: white;
}

.btn-warning {
  background-color: #FF9800;
  color: white;
}

.btn-danger {
  background-color: #f44336;
  color: white;
}

/* 输入框样式 */
.input-group {
  margin-bottom: 30rpx;
}

.input-group label {
  display: block;
  margin-bottom: 10rpx;
  color: #666;
  font-size: 28rpx;
}

/* 阴影效果 */
.shadow {
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

/* 圆角 */
.radius {
  border-radius: 10rpx;
}

/* 间距 */
.mt-10 { margin-top: 10rpx; }
.mt-20 { margin-top: 20rpx; }
.mt-30 { margin-top: 30rpx; }
.mb-10 { margin-bottom: 10rpx; }
.mb-20 { margin-bottom: 20rpx; }
.mb-30 { margin-bottom: 30rpx; }
.ml-10 { margin-left: 10rpx; }
.ml-20 { margin-left: 20rpx; }
.mr-10 { margin-right: 10rpx; }
.mr-20 { margin-right: 20rpx; }

/* 颜色变量 */
:root {
  --primary-color: #4CAF50;
  --secondary-color: #FF9800;
  --danger-color: #f44336;
  --background-color: #f5f5f5;
  --text-color: #333;
  --text-secondary-color: #666;
  --border-color: #ddd;
}
</style>
